<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8" import="java.util.ArrayList,cn.just.food.entity.Menu"
%>
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>菜谱</title>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
	</head>
	<body>
		<!-- 顶部导航条 -->
		<div class="header" id="header">
			<div class="header-icon">

			</div>
			<div class="header-pick">
				<ul>
					<li>
						<a href="home">主页</a>
					</li>
				</ul>
			</div>
			<div class="header-option">
				<ul>
					<li>
						<a href="register">注册</a>
					</li>
					<li>
						<a href="login">登录</a>
					</li>
				</ul>
			</div>
		</div>
		
		<!-- 主体部分 -->
		<div class="mainbox-menu">
			<div class="menu-pic">
				<span id="pic-title">
					${menu.name}
				</span>
				<div class="size-pic" style="background-image: url('${menu.img}');background-size: 125%;"></div>
				<div class="pic-intro">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${menu.intro}
				</div>
			</div>
			<div class="shicai">
				<div class="toubu">●&nbsp;&nbsp;&nbsp;&nbsp;食材明细</div>
				<div class="cailiao">
					<div class="cailiao-txt">${menu.material}</div>
				</div>
			</div>
			<div class="buzhou">
				<div class="toubu">●&nbsp;&nbsp;&nbsp;&nbsp;步骤</div>
				<div class="bz">
					<div class="bz-txt">${menu.step}</div>					
				</div>
			</div>
		</div>
		
		<!-- 回到顶部 -->
		
		
		<!-- 底部版权 -->
		<div class="copyright">
			<span id="hr"></span>
			<div class="lianjie">
				<span id="youq">
					友情链接：
					<a href="https://www.meishichina.com/" target="_blank">美食天下</a>
					<a href="http://www.mszx001.com/" target="_blank">美食在线</a>
					<a href="https://www.meishic.com/" target="_blank">美食城</a>
				</span>
			</div>
			<div class="cop">
				版权所有&nbsp;&nbsp;&copy;&nbsp;&nbsp;2021-2021&nbsp;&nbsp;
				<a href="#">中国八大菜系</a>&nbsp;&nbsp;保留所有权利
			</div>
			<div class="erweima">
				<div class="kehuduan"></div>
				<div class="gongzhonghao"></div>
				<div class="etxt">
					<span id="kt">客户端</span>
					<span id="gt">微信公众号</span>
				</div>
			</div>
		</div>
	</body>
</html>